<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<!doctype html >
<jsp:include page="public-path.jsp"></jsp:include>
<html>
	<head>
		<base href="${BASE_PATH}" />
		<meta name="author" content="Tocersoft" />
		<meta name="robots" content="all" />
		<title>修车人-会员中心-消息中心</title>
		<%@include file="../include/autoSNSBaseInclude.jsp" %>
	</head>
	<c:set var="messageList" value="${messageList}"></c:set>
	<body>
		<jsp:include page="xcr-head.jsp"></jsp:include>
		<%--read un-read read-state 操作的样式--%>
		<div class="mc-layout">
			<div class="msg-title mt30"></div>
			<div class="mc-state mt10">
				<div class="fl">
					<a href="javascript:void(0);">已读</a>
				</div>
				<div class="fl ml10">
					<a href="javascript:void(0);">未读</a>
				</div>
			</div>
			<div class="cb"></div>
			<div class="no-msg f14 none">
				尚无已读消息
			</div>

			<div class="message-center">
				<%--一个 --%>
				<div class="msg-detail">
					<div class="fl w120">
						2012-12-12 13:22
					</div>
					<div class="fl ml10 mc-reply">
						<a href="">aaaa</a>回复了您对问题
						<a href="">发现一个问题</a>的回答
					</div>
					<div class="fr">
						<div class="mc-cc"></div>
					</div>
					<div class="cb"></div>
				</div>
				<%--一个end --%>
				<%--一个 --%>
				<div class="msg-detail">
					<div class="fl w120">
						2012-12-12 13:22
					</div>
					<div class="fl ml10 mc-reply">
						<a href="">aaaa</a>回复了您对问题
						<a href="">发现一个问题</a>的回答
					</div>
					<div class="fr">
						<div class="mc-cc"></div>
					</div>
					<div class="cb"></div>
				</div>
				<%--一个end --%>
				<%--一个 --%>
				<div class="msg-detail">
					<div class="fl w120">
						2012-12-12 13:22
					</div>
					<div class="fl ml10 mc-reply">
						<a href="">aaaa</a>回复了您对问题
						<a href="">发现一个问题</a>的回答
					</div>
					<div class="fr">
						<div class="mc-cc"></div>
					</div>
					<div class="cb"></div>
				</div>
				<%--一个end --%>
				<%--一个 --%>
				<div class="msg-detail">
					<div class="fl w120">
						2012-12-12 13:22
					</div>
					<div class="fl ml10 mc-reply">
						<a href="">aaaa</a>回复了您对问题
						<a href="">发现一个问题</a>的回答
					</div>
					<div class="fr">
						<div class="mc-cc"></div>
					</div>
					<div class="cb"></div>
				</div>
				<%--一个end --%>
				<%--一个 --%>
				<div class="msg-detail">
					<div class="fl w120">
						2012-12-12 13:22
					</div>
					<div class="fl ml10 mc-reply">
						<a href="">aaaa</a>回复了您对问题
						<a href="">发现一个问题</a>的回答
					</div>
					<div class="fr">
						<div class="mc-cc"></div>
					</div>
					<div class="cb"></div>
				</div>
				<%--一个end --%>
				<div class="msdn mt10">
					<span class="current">1</span><a href="#?page=2">2</a><a
						href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a
						href="#?page=6">6</a><a href="#?page=7">7</a>...
					<a href="#?page=199">199</a><a href="#?page=200">200</a><a
						href="#?page=2">下一页</a>
				</div>
			</div>

			<div class="message-center">
				<%--一个 --%>
				<div class="msg-detail">
					<div class="fl w120">
						2012-12-12 13:22
					</div>
					<div class="fl ml10 mc-reply">
						<a href="">aaaa</a>回复了您对问题
						<a href="">发现一个问题</a>的回答
					</div>
					<div class="fr">
						<div class="mc-gg fl mr10"></div>
						<div class="mc-cc fl"></div>
						<div class="cb"></div>
					</div>
					<div class="cb"></div>
				</div>
				<%--一个end --%>
				<div class="msdn mt10">
					<span class="current">1</span><a href="#?page=2">2</a><a
						href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a
						href="#?page=6">6</a><a href="#?page=7">7</a>...
					<a href="#?page=199">199</a><a href="#?page=200">200</a><a
						href="#?page=2">下一页</a>
				</div>
			</div>
		</div>
		<jsp:include page="xcr-foot.jsp"></jsp:include>
	</body>

	<script>
		$(document).ready(function() {
		//默认状态
		$('.message-center').eq(0).siblings(".message-center").hide();
		//切换tab选项
		$(".mc-state div").eq(0).addClass('read-state').siblings().addClass('def-read').removeClass('read-state');
		$(".mc-state div").each(function(i){
		$(this).click(function(){
			$(this).addClass('read-state').removeClass('def-read');
			$(this).siblings().addClass('def-read').removeClass('read-state');
			$('.message-center').eq(i).show().siblings(".message-center").hide();
		});
	});
		
		});
	</script>
</html>
